<template>
    <!-- el-image组件 ：https://element.eleme.io/#/zh-CN/component/image -->
    <el-image :src="src" class="img-container">
      <!-- error插槽：设置如果出错，要显示的内容 -->
      <template #error>
        <!-- 静态资源就近维护：把head.jpg这张图放在这个组件的目录下 -->
        <img src="./toto.jpg" alt="">
      </template>
    </el-image>
  </template>
  <script>
  export default {
    // 定义如何从父组件中接收数据
    props: {
      src: {
        type: String,
        default: ''
      }
    }
  }
  </script>
  
  <style scoped lang="scss">
  .img-container {
    border-radius: 50%;
  
    img {
      width: 100%;
    }
  }
  </style>